/*author:mefisto
    time:2016/1/28
    It's a normal shopping_cart ,remember delete this line!
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    /* Fix for webkit minFont size */
    -webkit-tap-highlight-color :rgba(0, 0, 0, 0);
    /* Remove highlight on tap event*/
    -moz-tap-highlight-color :rgba(0, 0, 0, 0);
    -ms-tap-highlight-color :rgba(0, 0, 0, 0);
    tap-highlight-color :rgba(0, 0, 0, 0);
    /* -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
    /* 上面的css是用来禁止用户选中 */
    font-family:"Helvetica Neue", \5FAE\8F6F\96C5\9ED1, Tohoma;
    /* mac字体，微软雅黑，xp字体，宋体有点问题，所以不用，除非自写*/
}
a {
    text-decoration: none;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    float:none !important;
}
table, th, td {
    vertical-align: middle;
}
em, i {
    font-style:normal;
}
/* Remove annoying border on linked images. */
a img {
    border: none;
    text-decoration:none;
}
/* Remember to define your own focus styles! */
:focus {
    outline: 0;
}
/* #Clearing
================================================== */
/*布局辅助*/
.w1200, .w990, .w960, .w800, .w630, .w600, .w330 {
    display: block;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.w990 {
    width: 990px;
    margin: 0 auto;
}
.w600 {
    width: 600px;
}
.w598 {
    width: 598px;
}
.clear {
    clear: both;
}
.green_text {
    color: #1add39;
}
/*backstage*/
/*common part*/
/*title start*/
.backstage_title {
    width: 100%;
    height:70px;
    display: block;
    margin: 0 auto;
    background-color: #FAFAFD;
    border-bottom: 1px solid #E5E5E5;
}
.backstage_title .backstage_title_lf {
    float: left;
    padding-top: 22px;
}
.backstage_title .backstage_title_rt {
    width: 120px;
    border-left: 1px solid #E5E5E5;
    float: right;
    text-align: center;
    cursor: pointer;
}
.backstage_title .backstage_title_rt img {
    float: left;
    margin-top: 22px;
    margin-left: 25px;
}
.backstage_title .backstage_title_rt p {
    width:56px ;
    text-align: center;
    float: left;
    line-height: 35px;
}
/*title start*/
#categorys {
    width: 20%;
    min-width: 80px;
    max-width: 80px;
    height: 100%;
    float: left;
}
 #categorys .mc {
     position: absolute;
     top: 0;
     left: 0;
     width: 80px;
     height: 100%;
     background: #272A27;
     border-width: 0 2px 2px;
     overflow: visible;
     zoom: 1;
 }
#categorys .item {
    width: 80px;
    height: 80px;
}
#categorys span {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    z-index: 1;
}
#categorys h3 {
    width: 80px;
    height: 80px;
    border-width: 1px 0 1px 1px;
    background-position: -75px -562px;
    background-color: #000;
    background-repeat: no-repeat;
    font-weight: normal;
    line-height: 36px;
    text-align: left;
    font-size: 14px;
    font-family: "simsun";
}
#categorys h3 a {
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
}
 .i-mc {
    display: none;
    position: absolute;
    left: 78px;
    top: 0;
    width: 240px;
    height: 100%;
    overflow: visible;
    z-index: 5;
}
.item h3 img {
    width: 80px;
    height: 80px;
    display: block;
    margin:  0 auto;
}

 .subitem {
    height: 100%;
    display: inline-block;
    float: left;
    background-color: #1a9733;
}
.subitem .col {
    width: 240px;
    height: 100%;
    display: inline-block;
    float: left;
    background-color: #1a9733;
}
.col a>.icon {
    width: 15px;
    height: 13px;
    display: inline-block;
    background-position: top center;
    background-repeat: no-repeat;
}
.col a>.icon.hide_mc {
    position: relative;
    top:20px;
    *top:-30px;
    right: 15px;
    float: right;
    background: url("../images/hide_mc.gif");
}
.col a {
    width: 210px;
    height: 48px;
    display: block;
    text-align: left;
    text-decoration: none;
    border-bottom: 1px solid rgb( 44, 159, 67 );
    font-size: 14px;
    font-family: "microsoft yahei";
    line-height: 48px;
    color: #fff;
    float: left;
    background-color: #1a9733;
    padding-left: 30px;
}
  .col .row {
    width: 210px;
    height: 55px;
    font-family: "Microsoft Yahei", "微软雅黑";
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding-left: 30px;
    padding-top: 25px;
}
 .col span {
    width: 100px;
    _width: 152px!important;
    height: 16px;
    font-size: 12px;
    color:#999999 ;
    font-weight: normal;
    display: block;
    line-height: 12px;
    overflow: hidden;
    float:left ;
}
.col a:hover {
    background-color: #13882a;
}
.col a.row:hover {
    background-color: #1a9733;
}
 .icon_s {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-position: top center;
    background-repeat: no-repeat;
    margin-right: 7px;
}
.icon_s.s_i01 {
    background: url("../images/s_i01.gif");
}
 .icon_s.s_i02 {
    background: url("../images/s_i02.gif");
}
.icon_s.s_i03 {
    background: url("../images/s_i03.gif");
}
 .icon_s.s_i04 {
    background: url("../images/s_i04.gif");
}
 .icon_s.s_i05 {
    background: url("../images/s_i05.gif");
}
 .icon_s.s_i06 {
    background: url("../images/s_i06.gif");
}
 .i-mc_warp {
     width: 80px;
     height: 700px;
     float: left;
 }
/*右侧栏*/
.right_contenr {
    position: relative;
    top:0;
    width: 80%;
    /*min-width: 1000px;*/
    height: 100%;
    display: inline-block;
    padding-top: 48px;
    padding-left: 40px;
    padding-right: 40px;
}
.right_contenr .title {
    width: 127px;
    height: 40px;
    display: block;
    float: left;
}
.right_contenr .title .icon{
    width: 20px;
    height: 23px;
    display: inline-block;
    background-position: top center;
    background-repeat: no-repeat;
}
.right_contenr .title .icon_title_01 {
    background: url("../images/icon_title_01.gif");
    background-position: top center;
    float: left;
}
.right_contenr .title h3 {
   display: inline;
    margin-left: 10px;
    line-height: 24px;
    font-family: "Microsoft Yahei", "微软雅黑";
    font-size: 24px;
    font-weight: normal;

}
.right_contenr .control_tab {
    width: 1033px;
    height: 166px;
    display: block;
    margin: 0 auto;
    padding-left: 31px;
    padding-top: 20px;
    background-color: #F8FBF9;
    font-family: "Microsoft Yahei", "微软雅黑";
    font-size: 14px;
    color: #88968d;
}
 .control_tab .line01 {
     height: 56px;
     display: block;
 }
 .control_tab .line01 input{
     width: 144px;
     height: 38px;
     border: 1px solid #e0eae3 ;
     margin-right: 10px;
     text-indent: 15px;
     *text-indent: 0;
     line-height: 38px;
 }
 .control_tab #search_btn {
     width: 94px;
     height: 39px;
     vertical-align: middle;
     *vertical-align: top;
     *margin-top: 3px;
     border: none;
     outline: none;
     background: url("../images/search_btn.gif");
 }
 .control_tab .time_btn {
    *position: relative;
     *top: -40px;
     width: 86px;
     height: 24px;
     float: right;
 }
.control_tab .line02 {
    height: 56px;
    display: block;
    line-height: 56px;
}

    /*page*/

.right_contenr .page {
    width: 600px;
    height: 40px;
    display: block;
}
.page ul {
    width: 100%;
    height: 100%;
    display: block;
}
.page ul li {
    width: 37px;
    height: 37px;
    display: inline-block;
    float: left;
    margin-right:0 ;
}
.page li a {
    width: 35px;
    height: 100%;
    display: block;
    background-color: #fff;
    font-family: verdana;
    font-size: 14px;
    color:#333333;
    text-align: center;
    vertical-align: middle;
    line-height: 37px;
    text-decoration: none;
    border: 1px solid #eeeeee;
    border-right: none;
}
.page li a:hover {
    color: #1A9733;
    border:1px solid #1A9733;
}
.page li.page_prv {
    width: 73px;
    margin-right: 10px;
}
.page li.page_prv a {
    width: 72px;
    border-right: 1px solid #eeeeee;
}
.page li.page_prv a:hover {
    border-right: 1px solid #1A9733;
}
.page li.page_next {
    width: 73px;
    margin-right: 10px;
}
.page li.page_next a {
    width: 100%;
    border-right: 1px solid #eeeeee;

}
.page li.page_next a:hover {
    border-right: 1px solid #1A9733;
}

.page li.ell a {
    border: 1px solid #eeeeee;
    border-bottom: none;
    border-right: none;
    border-top: none;
}
.page .page_num {
    width:150px;
    height: 37px;
    line-height: 37px;
    font-family: "simsun";
    font-size: 12px;
    border-right: 1px solid #fff;
    color: #999999;
}
#page_content_id {
    width:37px;
    height: 27px;
    margin-right: 5px;
    border: 1px solid #eeeeee;
    text-align: center;
    line-height: 27px;
    vertical-align: middle;
    outline-color: #1A9733;
}
.page li.page_confirm a {
    width:41px;
    height:37px;
    border: none!important;
    font-family: simsun;
    font-size: 12px;
    background: url("../images/icon_page.png");
    background-position: -10px -5px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.page li.page_confirm a:hover {
    color: #333333;
}
.page .page_icon {
    width: 6px;
    height: 9px;
    display: inline-block;
    float: left;
    background: url("../images/icon_page.png");
    background-position: top center;
}
.page .page_icon.page_disable_l {
    margin-top: 15px;
    margin-left: 10px;
    vertical-align: middle;
    background-position:-42px -66px;
}
.page .page_icon.page_default_l {
    margin-top: 15px;
    margin-left: 10px;
    vertical-align: middle;
    background-position:-26px -66px;
}
.page .page_icon.page_hover_l {
    margin-top: 15px;
    margin-left: 10px;
    vertical-align: middle;
    background-position:-10px -66px;
}
.page .page_icon.page_disable_r {
    position: relative;
    margin-top: 15px;
    margin-right: 5px;
    *margin-top: 0;
    *margin-right: 0;
    *bottom: 23px;
    *right: 5px;
    float: right;
    margin-top: 15px;
    margin-left: 10px;
    vertical-align: middle;
    background-position:-26px -47px;
}
.page .page_icon.page_default_r {
    position: relative;
    margin-top: 15px;
    margin-right: 5px;
    *margin-top: 0;
    *margin-right:0;
    *bottom: 23px;
    *right: 5px;
    float: right;
    vertical-align: middle;
    background-position:-42px -47px;
}
.page .page_icon.page_hover_r {
    position: relative;
    margin-top: 15px;
    margin-right: 5px;
    *margin-top: 0;
    *margin-right:0;
    *bottom: 23px;
    *right: 5px;
    float: right;
    vertical-align: middle;
    background-position:-10px -47px;
}
